<script setup lang="ts">
import { FormRenderer } from '@sofast/atom'
</script>

<template>
  <div class="component-container">
    <FormRenderer />
  </div>
</template>

<style scoped lang="scss">
.component-container {
    background-color: white;
    padding: 12px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: calc(100vh - 220px);
    overflow: auto;

    .extra-container {
        :deep {
            .el-icon {
                font-size: 18px;
            }
        }
    }
}
</style>
